iT邦幫忙

2022 iThome 鐵人賽

DAY 4
0
自我挑戰組

商科生初探網頁全端開發系列 第 4

Day4-HTML元素介紹-續

  • 分享至 

  • xImage
  •  

接續昨天的內容繼續介紹幾個元素,請見下圖。
https://ithelp.ithome.com.tw/upload/images/20220904/201510317g2YJm9neg.png
A:<hr>建立一條水平線。

B:<br>可為<p>中的文字分行,常用於詩詞類文章。

C:<sup>可產生略小於原字體大小的字元,其排版位置會略高於原文字。

D:<sub>可產生略小於原字體大小的字元,其排版位置會略低於原文字。

E:<ul>+<li>可產生一個排序的列表或項目符號列表。

F:<ol>+<li>可產生一個排序的列表或帶編號項目符號列表。

G:Entity Code 在HTML中若要帶入特殊符號可以用此Code來表達,比如黑桃、紅心、公

司符號等。

補充說明:若要在文件中表達1小於6,不要直接在<p>中輸入1<6。

大於小於符號在編譯器中屬於保留字元(Reserved Characters),應該要以1&li;6表示。

Entity Code List請點此

實際於瀏覽器頁面展示如圖

https://ithelp.ithome.com.tw/upload/images/20220904/20151031Ndfd7cj4Fq.png

下一日來了解一下Table&Forms 及快送生成HTML的Emmet語法,我們明天見~


上一篇
Day3-HTML架構及常用元素介紹
下一篇
Day5-HTML元素介紹Table、Form。
系列文
商科生初探網頁全端開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言